{/* LAYOUT模板 */}
	<layout name="login_layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}	
	<css href="__THEMES__/css/style.css" />
	<css href="__PUBLIC__/css/jquery-ui.css" />
	<js href="__PUBLIC__/js/core/jquery-ui.1.10.4.js" />
	<js href="__PUBLIC__/js/core/plugins.js" />
	
{/* import js,css */}

<!--首推产品广告-->
<style>	
	/*产品详情*/
	.product_intro {}
	.want_buy {
		-webkit-border-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-webkit-border-bottom-left-radius: 30px;
		-moz-border-radius: 30px;
		-moz-border-radius-topright: 30px;
		-moz-border-radius-bottomleft: 30px;
		border-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
		background:#FF470E;		
		border:2px solid #eee;
		width:150px;height:40px; 
		font-size:18px;
		line-height:40px;
		text-align:center;
		color:#fff;
		z-index:200;
		cursor:pointer;
	}
</style>
<div class="product_intro"> 
	<span  class="dp" style="width:100%; height:489px; background:url('__THEMES__/images/test2.jpg') top center no-repeat;">
		<div class="w_1200">
			<div class="fr">
				<div style="margin-top:400px; margin-right:120px;">
					<span class="dp want_buy yuyue">
						立刻预约
					</span>
					<br/>
				</div>
			</div>
			<div class="fr">
				<div style="margin-top:400px; margin-right:20px;">
					<span class="dp want_buy look-detail">
						查看详情
					</span>
					<br/>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</span>		
</div>
<div id="loading" class="hide">
	fsfsafasfasd
</div>
<script>
$('.yuyue').click(function(){
	$('#loading').QLoading({
		text:'暂时不开放预约',
		model:true,
		time:3
	});
});
$('.look-detail').click(function(){
	$('#loading').QLoading({
		text:'产品即将上市,最新的产品信息将会更新，请耐心等待',
		model:true,
		time:3
	});
});
</script>
<!--首推产品广告-->

<!--产品即将上市-->
<style>
.waiting-wrap{width:1200px;margin:auto;height:300px; text-align:center;font-size:30px;}
</style>
<div class="waiting">
	<div class="waiting-wrap">
		<br/>
		<br/>
		<br/>
		<br/>
		产品即将上市，第一款只为用户定制的wifi音箱.....
		<br/>
		<br/>
		<br/>
		2014.12.25 圣诞狂欢夜，不见不散
	</div>
</div>
<!--产品即将上市-->







<!--视频介绍-->
<style>
	.video_wrap {position:relative;}
	.video_wrap ul{list-style:none;}
	.video_wrap ul {margin-top:30px;}
	.video_wrap ul li{float:left; display:block; position:relative; width:317px; height:180px; margin-left:60px;}
	.bg_icon {background:url('__THEMES__/images/icon_common.png') 0px 0px no-repeat;}
	.video_item  .play_btn {
		position: absolute;
		top: 35%;
		left: 42%;
		display: block;
		background-position: -320px -219px;
		width: 60px;
		height: 60px;
		z-index:1000;
	}
	.video_item  .layer {
		position: absolute;
		top: 0px;
		left: 0px;
		background:#000;   -khtml-opacity: .3;  
		-moz-opacity: 0.3;  
		opacity: .3;
		width:100%;
		height:100%;
		filter: alpha(opacity=30);  
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);  
		/* 第一行在IE6, IE7和IE8下有效 */ 
			-ms-filter: 
		"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
		/*第二行仅在IE8下有效 */
	}
</style>
<div class="video_wrap hide">
	<div class="w_1200">
		<ul>
			<li class="video_item">
				<a href="#">
					<img src="__THEMES__/images/vedio_pic01.jpg">
					<div class="layer"></div>
					<div class="bg_icon play_btn"></div>
				</a>
			</li>
			<li class="video_item">
				<a href="#">
					<img src="__THEMES__/images/vedio_pic02.jpg">
					<div class="layer"></div>
					<div class="bg_icon play_btn"></div>
				</a>
			</li>
			<li class="video_item">
				<a href="#">
					<img src="__THEMES__/images/vedio_pic03.jpg">
					<div class="layer"></div>
					<div class="bg_icon play_btn"></div>
				</a>
			</li>
			<div class="clearfix"></div>
		</ul>
		<div class="clearfix"></div>
	</div>
</div>
<script>
$('.play_btn').hover(function(){$(this).css('background-position','-320px -279px');},function(){$(this).css('background-position','-320px -219px');});
</script>
<!--视频介绍-->

<!--其他产品-->
<style>
.other_product{border-top:1px solid #E7E7E7;  margin-top:50px; position:relative; margin-bottom:200px; padding-top:50px;}
.package_list .package_item{margin-left:90px;cursor:pointer;}
.package_list a{display:inline-block; widht:505px; height:770px; overflow:hidden; border-bottom:4px solid #00B9F1;}
</style>
<div class="other_product hide">
	<div class="w_1200 package_list">
		<div class="fl package_item Package_1">
			<a href="#"><img src="__THEMES__/images/package_1.png"/></a>
		</div>
		<div class="fl package_item Package_2">
			<a href="#"><img src="__THEMES__/images/package_2.png"/></a>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<!--其他产品-->









